<template>
  <view class="w-full h-screen flex flex-col items-center justify-center gap-[20rpx] bg-[#f5f5f5]">
    <view class="text-[red]">{{ title }}</view>
    <up-button type="warning" @click="gotoPage('/pages/example_tailwindcss/index')">Tailwind CSS使用示例</up-button>
    <up-button type="warning" @click="gotoPage('/other/egg/egg')">彩蛋页</up-button>
    <up-button type="warning" @click="gotoPage('/other/webview/webview?link=https://www.baidu.com')">webview页</up-button>
  </view>
</template>


<script setup>
  import { ref } from 'vue';

  const title = ref('vue3+tailwindcss+uview-plus项目模板');

  const gotoPage = (page) => {
    uni.navigateTo({
      url: page
    })
  }
</script>

<style lang="scss" scoped>
</style>